{% extends "dtdBase.html" %}

{% block title %}翻译{% endblock %}

{% load updateleftmenucss %}

{% block leftmenu %}{% left_css "fanyi" %} {% endblock %}
{% block noright %} {% endblock %}

{% block javascript %}
    <script type="text/javascript" src="/static/js/plugins/jquery.smartWizard-2.0.min.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function(){
            // Smart Wizard


            function onFinishCallback(){
                alert('Finish Clicked');
            }
            jQuery(".inline").colorbox({inline:true, width: '60%', height: '500px'});
        });
    </script>
    <!--[if lt IE 9]>
	<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
    <![endif]-->
{% endblock %}

{% block maincontentinner %}

    <ul class="maintabmenu multipletabmenu">
        <li class="current" ><a href="wizard.html">翻译</a></li>
    </ul><!--maintabmenu-->

    <div class="content">

    <div class="contenttitle">
        <h2 id="default" class="form"><span>任务状态</span></h2>
    </div><!--contenttitle-->

    <br /><br />

    <form class="stdform stdform2" method="post" action="">
        <div id="wizard" class="wizard">

            <ul class="hormenu">
                <li>
                    <a href="#wiz1step1" class="selected">
                        <span class="h2">开始</span>
                        <span class="dot"><span></span></span>
                        <span class="label">无翻译任务</span>
                    </a>
                </li>
                <li>
                    <a href="#wiz1step2">
                        <span class="h2">进行中</span>
                        <span class="dot"><span></span></span>
                        <span class="label"></span>
                    </a>
                </li>
                <li>
                    <a href="#wiz1step3">
                        <span class="h2">结束</span>
                        <span class="dotlast"><span></span></span>
                        <span class="label"></span>
                    </a>
                </li>
            </ul>


                        <br clear="all" /><br /><br />
                        <div id="wiz1step1" class="stdform  formwiz">
                            <h3>步骤 1: 选择任务</h3><br />
                            <div style="text-align: center">
                                <h3>你还没有翻译任务,<a href="#">点击此处</a></h3>
                            </div>
                        </div>
            <!--
                               <div id="wiz1step2" class="formwiz">
                                   <h2>Step 2: Account Information</h2> <br />

                                   <p>
                                       <label>Account No</label>
                                       <span class="field"><input type="text" name="lastname" class="longinput" /></span>
                                   </p>
                                   <p>
                                       <label>Address</label>
                                       <span class="field"><textarea cols="80" rows="5" name="location"></textarea></span>
                                   </p>

                               </div>

                               <div id="wiz1step3">
                                   <h2>Step 3: Terms of Agreement</h2>
                                   <div class="par terms">
                                       <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</p>
                                       <p>Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</p>
                                       <p><input type="checkbox"  /> I agree with the terms and agreement...</p>
                                   </div>
                               </div>
                           -->
                    </div>
                </form>



    <br clear="all" /><br /><br />

    </div><!--content-->

{% endblock %}


{% block right %}
    <div class="mainright floatright">
        <div class="mainrightinner">

            <div class="widgetbox uncollapsible">
                <div class="title"><h2 class="general"><span>Examples</span></h2></div>
                <div class="widgetcontent">
                    <ul class="linklist">
                        <li><a href="#default">Default Wizard</a></li>
                        <li><a href="#tabbed">Tabbed Wizard</a></li>
                        <li><a href="#vertical">Vertical Wizard</a></li>
                        <li><a href="#popwizard" class="inline">Popup Wizard</a></li>
                    </ul>
                </div><!--widgetcontent-->
            </div><!--widgetbox-->

        </div><!--mainrightinner-->
    </div><!--mainright-->
{% endblock %}

